<html>
<head>
</head>
  
   
<body>
<br><br>
<form>
  <fieldset>
  <legend>Registrar nuevo producto</legend>
 
  <div>
    <label for="nombre">ID:</label>
    <input type="text" id="ID" size="1" />
  </div>
 
  <div>
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" size="35" />
  </div>
      <div>
    <label for="cantidad">Cantidad:</label>
    <input type="text" id="cantidad" size="35" />
  </div>
<input id="enviar" type="submit" value="Dar de alta"/></form>
</fieldset>

</body>
<style type="text/css"> 
 div {
    margin: .4em 0; //margen para que no esten pegados.
}
div label {
  width: 5%; 
  float: left;
}
    input:focus { //estilos al hacer focus
  border: 2px solid #000;
  background: #A9F5A9; 
}
    enviar{
      background-color:#A9F5A9;

    }
</style>
</html>